// import React from "react";
import Comments from '../../../components/Comment/Comments';
import Tails from '../../../components/Tail/Tails';
import '../Messages/css/style.css'
// import { Comment, Avatar } from 'antd';
const Messages = () => {
    return (
        <>
            {/* 留言板 */}
            <div className="Message_top">
                <h2>留言板</h2>
                <p>[请勿灌水 熊]</p>
                <p>[垃圾品论过多，欢迎提供好的过滤（标记）算法]</p>
            </div>
            {/* 主体部分 */}
            <div className="Message_Box">
                <p className="Message_Box_p">评论</p>
                {/* 留言板 评论 */}
                <div className="Message_in">
                    {/* 评论组件 */}
                    <Comments />
                    <div className="Message_Multilevel">

                    </div>
                </div>
                <p className="Message_Box_p">推荐阅读</p>
                <div className="Message_under">

                </div>

                <Tails />
            </div>
        </>

    )
}

export default Messages
